
// 定义颜色数组
@themeArray: #E55C49, #FD6874,  #FFD13D, #05AB69, #5293FB, #9A7D56;

// 定义循环最大值，此处使用颜色数组的长度
@themeLen: length(@themeArray);

/**
 * 定义循环方法
 * @index--传入的循环起始值
 * @len--循环的最大值  也可使用常量  eg:(@index<4)
 */ 
.Loop(@index) when(@index < @themeLen){
  @color: extract(@themeArray, @index + 1);
  [page-theme="@{color}"] {
    .el-menu,
    .el-aside,
    .el-aside .side-icon,
    .el-header,
    .el-menu.el-menu--horizontal,
    .el-menu.el-menu--horizontal .el-menu-item.is-active,
    .el-menu.el-menu--horizontal .el-submenu.is-active {
      background-color: @color;
    }
  }
  //递归调用 达到循环目的
  .Loop(@index+1);
}

// 调用循环
.Loop(0);

// v1.0
// @bg-color-EA4335: #EA4335;
// @bg-color-FBBC05: #FBBC05;
// @bg-color-4285F4: #4285F4;
// @bg-color-34A853: #34A853;
// [page-theme="EA4335"] {
//   .el-header,
//   .el-menu.el-menu--horizontal,
//   .el-menu.el-menu--horizontal .el-menu-item.is-active,
//   .el-menu.el-menu--horizontal .el-submenu.is-active {
//     background-color: @bg-color-EA4335;
//   }
// }
// [page-theme="#FBBC05"] {
//   .el-header,
//   .el-menu.el-menu--horizontal,
//   .el-menu.el-menu--horizontal .el-menu-item.is-active,
//   .el-menu.el-menu--horizontal .el-submenu.is-active {
//     background-color: @bg-color-FBBC05;
//   }
// }
// [page-theme="#4285F4"] {
//   .el-header,
//   .el-menu.el-menu--horizontal,
//   .el-menu.el-menu--horizontal .el-menu-item.is-active,
//   .el-menu.el-menu--horizontal .el-submenu.is-active {
//     background-color: @bg-color-4285F4;
//   }
// }
// [page-theme="#34A853"] {
//   .el-header,
//   .el-menu.el-menu--horizontal,
//   .el-menu.el-menu--horizontal .el-menu-item.is-active,
//   .el-menu.el-menu--horizontal .el-submenu.is-active {
//     background-color: @bg-color-34A853;
//   }
// }

